.body_main{
    margin-top: 10%;
    display: block;
    text-align: center;
}
.head_body{
    font: normal 35pt "微软雅黑 Light";
    text-align: center;
}
.loginPanel{
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 5%;
    overflow: auto;
    text-align: center;
    font: 500 15pt "微软雅黑";
    border: 1px solid gray;
    border-radius: 5px;
    margin: auto;
    width: 30%;
    background-color: #f0ffff;
}
p.loginPanelHead{
    font: bold 25pt "微软雅黑";
}
.input{
    text-align: left;
    background-color: #f0ffff;
    width: 30%;
    height: 30px;
    border: 0px;
    border-bottom: 1px solid #B3B3B3;
    font-weight:500;
    font-size: 25px;
}
.input:hover{
    border-bottom: 3px solid #6699FF
}
.input:focus{
    border: 0px;
    border-bottom: 2px solid #6699FF
}
.display-inline{
    display: inline;
}
.loginButton_body{
    transition: 1s;
    -webkit-transition: 1s;
    border: 0px;
    text-align: center;
    width: 50%;
    height: 40px;
    font: 300 18pt "微软雅黑";
    padding-left: auto;
    padding-right: auto;
    border-radius: 15px;
    background-image: linear-gradient(to bottom right, #DDEEFF, #6699FF);
}
.loginButton_body:hover{
    background-image: linear-gradient(to bottom right, #6699FF, #DDEEFF);
}
.loginButton_body:focus{
    background-image: linear-gradient(to bottom right, #DDEEFF, #6699FF);
}
.notRegister{
    border-radius: 2px;
    font: 400 8px "微软雅黑";
    transition: 1s;
    border: 0px;
    margin: 0px;
    margin-top: 2px;
    margin-left: 30%;
}
.notRegister:hover{
    border-radius: 5px;
    font: 400 10px "微软雅黑";
}